<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/01.css"/>
		<!--<style type="text/css">
			.p3{
				width: 200px;
				height: 200px;
				background: #ccc;
			}
			.p4{
				width: 100px;
				height: 100px;
				color: red;
			}
		</style>-->
	</head>
	<body>
		<div class="p1">
			111111111
			<div class="p2">
				2222222222222
			</div>
		</div> 
		
		<div class="aaa bbb">
			<h2>将数字转成字符串----#{$padding}px</h2>
			<h2>当为数字时，可以经常性乘法运算----$padding*$padding</h2>
			
		</div>
		<hr />
		<div class="aaa ccc">
			<h2>计算----$border+$border+3px</h2>
		</div>
		
	</body>
</html>
 